<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 宏任务(script代码) 微任务
    // 宏: 2
    // 微: 4
    // 事件循环: 执行一个宏任务 清空微任务  执行一个宏任务 清空微任务  执行一个宏任务 清空微任务
    // console.log(1)

    // setTimeout(() => {
    //   console.log(2)
    // }, 0);

    // console.log(3)

    // new Promise((resolve, reject) => {
    //   console.log(6)
    //   resolve(4)
    // }).then((res) => {
    //   console.log(res)
    // })

    // console.log(5)

    // 135264
    // --------------------------------------
    console.log(1)

    setTimeout(() => {
      console.log(2)
      new Promise((resolve, reject) => {
        resolve(8)
      }).then((res) => {
        console.log(res)
      })
    }, 0);

    console.log(3)

    new Promise((resolve, reject) => {
      console.log(6)
      resolve(4)
      reject(7)
    }).then((res) => {
      console.log(res)
    }).catch((err) => {
      console.log(err)
    })

    console.log(5)
  </script>
</body>
</html>
